<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>01-元素类型</title>
    <style>
        div, p, span, strong {
            background-color: #f00;
        }

        /*div {
            background-color: #f00;
            height: 100px;
            padding: 10px;
            width: 200px;
        }

        p {
            background-color: #ff0;
            width: 100px;
            height: 50px;
        }*/
    </style>
</head>
<body>

<!--
inline style：内联样式
document style sheet：文档样式表
external style sheet：外部样式表
-->

<!--
<div>
    <p></p>123
</div>
-->


<!-- -1\-2\-3\-4\1\2\3\4

按照奇偶性分类
奇数：-1、-3、1、3
偶数：-2、-4、2、4

按照正负分类
正数：1、2、3、4
负数：-1、-2、-3、-4-->

<div>我是div</div>
<p>我是p</p>

<table>123</table>

<form action="">345</form>

<div>
    <span>我是span</span>
</div>

<p>
    <strong>我是strong</strong>
</p>

<img src="images/test.jpg" alt="">

<input type="radio">

<iframe src="http://www.baidu.com" frameborder="1"></iframe>


<a href="#">百度</a>

</body>
</html>